<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>호 그리기</title>
	<script src="raphael/raphael.js" charset="UTF-8"></script>
	<script>
		function makePaper(el, width, height) {
			// 페이퍼 만들기
			// el = 엘리먼트, width = 가로 사이즈, height = 세로 사이즈
			this.paper = Raphael(el, width, height)
		}

		makePaper.prototype.makePath = function(pathString) {
			this.paper.path(pathString);
		};

		window.onload = function() {
			var paper = new makePaper(document.getElementsByTagName('body')[0], 400, 400); // el, width, height

			// A 커맨드를 사용한다.
			// rx, ry, x-axis-rotation, large-arc-flag, sweep-flag, x, y
			// rx = 반지름
			// x-axis-rotation = X축 회전 각도.
			// large-arc-flag = 해당 좌표에서 큰 호를 그릴 것인가? 0 또는 1
			// sweep-flag = 뒤집을까? 0 또는 1
			// x = 마지막 포인터의 좌표
			var pathString = 'M40,40 A40,20,0,0,0,110,40';
			paper.makePath(pathString);
		}
	</script>
	<style>
	svg { border:1px solid gray; }
	</style>
</head>
<body>
</body>
</html>